import React, { useEffect, useState } from 'react';
import styles from './index.module.scss';
import Typography from '../../typography';
import classes from 'classnames';
import results from '../../../results';

const { Text } = Typography;

const StudyStyleMain = ({ children, type, data }) => {
  // type 决定当前主题
  const [detail, setDetail] = useState('');
  useEffect(() => {
    setDetail(results[data].detail);
    // console.log(type, data);
  }, []);
  return (
    <div className={classes(styles.studyStyleMain, styles[type])}>
      <Text type={'study_style_text_' + type}>
        {detail}
        {/* 你有很好观察能力；善于记忆图像信息，对可视化信息的理解能力更强。相比简单的文字表述，你更喜欢有丰富图形变化和空间安排的页面，例如带有示例图的教科书和颜色变化丰富的讲义。在听课时你更偏好善用肢体语言、图形语言和幻灯片展示的老师。你对于逻辑清楚的流程图、形象生动的图画图表的记忆能力较强。 */}
      </Text>
    </div>
  );
};

export default StudyStyleMain;
